<%@ page language="java" contentType="text/html; charset=UTF-8" trimDirectiveWhitespaces="true" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>管线业务</title>
<link rel="stylesheet" href="${contextPath}/resources/assets/css/bootstrap.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/font-awesome.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/bootstrap-datepicker3.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-fonts.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
<link rel="stylesheet" type="text/css" href="${contextPath}/resources/css/ywcz.css"/>
<script src="${contextPath}/resources/assets/js/ace-extra.js"></script>
<script src="${contextPath}/resources/js/ywcz.js" type="text/javascript"></script>
<script src="${contextPath}/resources/js/fayz.js" type="text/javascript"></script>
<script src="${contextPath}/resources/js/shbDownUp.js" type="text/javascript"></script>
		 <script type="text/javascript">
        window.jQuery || document.write("<script src='${contextPath}/resources/assets/js/jquery.js'>" + "<" + "/script>");
    </script>
<script type="text/javascript">
  var contextPath = '${contextPath}';
  var compId = '${compId}';
  var compName = '${compName}';
  var pt_id = '${pt_id}';
  var sws_id = '${sws_id}';
  var ews_id = '${ews_id}';
  var sIntroduction = '${sIntroduction}';
  var sPile = '${sPile}';
  var sHole = '${sHole}';
  var eIntroduction = '${eIntroduction}';
  var ePile = '${ePile}';
  var eHole = '${eHole}';
  
  $(function(){
	  //公司选择
	 $.ajax({                              
		url : "loadCompSelect",
		cache : false,
		success : function(result) {
		  for(var i=0;i<result.length;i++){
		      document.getElementById("Comp").options.add(new Option(result[i].name,result[i].id));
		  }
		if(compId!==""){
		var selectedComp = document.getElementById("Comp");  
		for(var i=0;i<selectedComp.length;i++){
			if(selectedComp.options[i].value==compId){
			selectedComp.options[i].selected = true;
			}
		}
		setArrangement(compId);
		setSPile(compId);
		setEPile(compId);
		}
		
		}
	});
	 //孔位选择
	 $.ajax({
			url : "loadNamberSelect",
			cache : false,
			success : function(result) {
			  for(var i=0;i<result.length;i++){
			      document.getElementById("sHole").options.add(new Option(result[i].name,result[i].id));
			      document.getElementById("eHole").options.add(new Option(result[i].name,result[i].id));
			  }
			}
		});
	 
  });
  

</script>
<style>
        .seari_logo {
            padding-left: 10px;
            color: #ffffff;
            font-size: 20px;
            text-shadow: none;
            font-weight: 600;
            line-height: 80px;
            
        }
        
        .seari_logo:hover,
        .seari_logo:focus {
            color: #ffffff;
            text-decoration: none;
        }
        
       .navbar{
            min-height: 80px;
            background: url("${contextPath}/resources/img/navbar-bg.png") repeat-x;
        }
        
        .navbar .navbar-nav > li {
            border: 0px solid rgba(0, 0, 0, 0);
        }
        
        .navbar .navbar-nav > li > a {
            padding-top: 18px;
        }
        
        @media only screen and (max-width: 991px) {
            .navbar-nav {
                float: left;
                margin: 0;
            }
            .navbar-nav > li {
                float: left;
            }
            .navbar-menu-min .navbar-nav > li > a > .menu-title {
                /*display: none;*/
            }
        }
        
        .navbar-menu{
            padding-top: 20px;
        }
        .menu-title{
            font:16px/1.5 'Microsoft YaHei',SimSun;
        }
        .page-content{
           font:12px/20px "Microsoft YaHei";
        }
        .sidebar{
            font-family:  "Microsoft YaHei";
        }
        .breadcrumb{
            font-family:  "Microsoft YaHei";
        }
        
        /****box design style*****/
.box {
	float: left;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	display: block;
	background-color: #fff;
}
.london {border-top: 7px solid #19beb6;}
.paris { border-top: 7px solid #df9801; }
.box-icon {
	width: 100%;
	position: relative;
}

.info-nav-container {
	width: 32%;
    margin-right: 3%;
}

.float-container { overflow: auto; }

.info {
	width: 100%;
	padding: 15px 30px 20px;
    font-size: 16px;
}

.info-description-container {
	padding: 20px 30px;
	float: right;
	width: 65%;
}


.london-title {
	padding: 0 0 0 5px;
	border-left: 2px solid #19beb6;
	margin: 25px 0px;
}
.london-title h2 {
	color: #19beb6;
	font:24px/1.5 'Microsoft YaHei';
	margin: 5px;
}

        
.paris-title {	border-left: 2px solid #df9801; }
.paris-title h2 { color: #df9801;font:24px/1.5 'Microsoft YaHei'; }
        
        .banner-main-home {
	background-color: white;
	background: url("${contextPath}/resources/img/gcgk-3.jpg");
background-position: bottom;
	background-size: cover;
	border-top: 7px solid #10a5cd;
	min-height: 650px;	
	overflow-y: auto;
}
.banner-main-home {
	padding: 0px 0px 0px 50px;
}
.banner-main-home-bg {
	position: relative;
	float: right;
	width: 45%;
    height:650px;
    background-color: rgba(39,39,39,0.6);
    padding:180px 40px 0px 40px;
}        
.banner-main-home-text {
	color: #fff;
	text-align: left;
	right: 0;
	top: 0px; 
	left: 0;
	text-shadow: none;
    font:16px/1.5 'Microsoft YaHei';
}
        .heading{
            border-left: 4px solid #10a5cd;
        }
        
        .banner-main-home-text h2{
            margin: 5px;
            font:24px/1.5 'Microsoft YaHei';
        }
    </style>
</head>
<body class="no-skin">
<jsp:include page="index.jsp" flush="true" />
    
    <div class="main-container" id="main-container">
         <div id="sidebar" class="sidebar                  responsive">
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'fixed');
                } catch (e) {}
            </script>
            
            <ul class="nav nav-list">
               <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 入廊申请 </span>
                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="sqbDownUp?compId=&compName=&phoneNo=">
                                <i class="menu-icon fa fa-caret-right"></i> 申请表格下载/上传
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="sqbRecord">
                                <i class="menu-icon fa fa-caret-right"></i> 申请记录
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
                <li class="active open">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 手续办理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="active">
                            <a href="ywcz?compId=&compName=">
                                <i class="menu-icon fa fa-caret-right"></i> 业务操作
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="ywda">
                                <i class="menu-icon fa fa-caret-right"></i> 业务档案
                            </a>
                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
                 <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 合同管理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="htmbDownUp">
                                <i class="menu-icon fa fa-caret-right"></i> 合同模板下载/上传
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="htda">
                                <i class="menu-icon fa fa-caret-right"></i> 合同档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 施工管理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="xkgl">
                                <i class="menu-icon fa fa-caret-right"></i> 许可管理
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="bzjgl">
                                <i class="menu-icon fa fa-caret-right"></i> 保证金管理
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="fwsq">
                                <i class="menu-icon fa fa-caret-right"></i> 服务申请
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="sgrz">
                                <i class="menu-icon fa fa-caret-right"></i> 施工日志
                            </a>

                            <b class="arrow"></b>
                        </li>
                        

                    </ul>
                </li>
                
                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 费用清算 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="feeSimulate">
                                <i class="menu-icon fa fa-caret-right"></i> 入廊费用计算器
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="jfRecord">
                                <i class="menu-icon fa fa-caret-right"></i> 缴费记录
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
               <li class="">
                    <a href="visitApply" >
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 参观申请 </span>
                        
                    </a>

                    <b class="arrow"></b>
                    
                </li>
                
                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 后台管理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="rlsqEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 入廊申请
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="ywdaEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 业务档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="htdaEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 合同档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                         <li class="">
                            <a href="xkglEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 许可管理
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="bzjEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 保证金管理
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="fwsqEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 服务申请
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="sgjlEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 施工记录
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="jfjlEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 缴费记录
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="gxdaEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 管线档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
                <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
            </div>

            <!-- /section:basics/sidebar.layout.minimize -->
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'collapsed');
                } catch (e) {}
            </script>
        </div>
         <div class="main-content">
            <!-- #section:面包屑导航路径 basics/content.breadcrumbs -->
            <div class="breadcrumbs" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">管线业务</a>
                    </li>
                    <li>
                        <a href="#">手续办理</a>
                    </li>
                    <li class="active">业务操作</li>
                </ul>
                <!-- /.breadcrumb -->
            </div>
            <div class="page-content">
	       
	        <div class="row">
            	<div class="col-xs-12">
            		<div class="widget-box">
						<div class="widget-header widget-header-blue widget-header-flat">
							<h4 class="widget-title lighter"></h4>
						</div>
						
            			<div class="widget-body">
            				<div class="widget-main">
            					
            					<!-- #section:plugins/fuelux.wizard -->
											
								<!-- <div id="fuelux-wizard-container"> -->
									<!-- <div>
									#section:plugins/fuelux.wizard.steps
										<ul class="steps">
											<li data-step="1" class="active">
												<span class="step">1</span>
												<span class="title">信息登记</span>
											</li>

											<li data-step="2">
												<span class="step">2</span>
												<span class="title">方案验证</span>
											</li>
											<li data-step="3">
												<span class="step">3</span>
												<span class="title">审核表下载与上传</span>
											</li>
										</ul>

									/section:plugins/fuelux.wizard.steps
									</div> -->

									<hr/>

									<!-- #section:plugins/fuelux.wizard.container -->
							<!-- 		<div class="step-content pos-rel">
										<div class="step-pane active" data-step="1"> -->										
												<div class="row">
													<div id="print1"><!-- /section:plugins/printThis starts here -->
														<h3 class="lighter block green center" style="font: 24px/1.5 'Microsoft YaHei';">综合管廊入廊管线信息登记</h3>
														<div class="col-xs-12">
            	        									<form class="form-horizontal" role="formID1" id="formID1" enctype="multipart/form-data">
            	        									    <!-- left part starts here -->
            	            									<div class="col-sm-6 col-xs-12">
            	            										<!-- 单位 -->
	            	            									<div class="form-group">
	            	                									<label class="col-xs-2 control-label no-padding-right" for="Comp">申请单位</label>
	            	                									<div class="col-xs-10">
	            	                    									<select class="col-xs-10" id="Comp" name="Comp" data-placeholder="请选择" class="chosen-select" tablindex="2" onchange="setPTWS(this)">
									                                    		<option value="">请选择</option>								                                    
									                                		</select>
	            	                									</div>
	            	                								</div>
	            	            									<!-- 作业内容 -->
	            	            									<div class="form-group">
	            	            										<label class="col-xs-2 control-label no-padding-right" for="message">作业内容</label>
	            	            										<div class="col-xs-10">
	            	            	    									<textarea class="col-xs-10" placeholder="文字描述" rows="6" name="message" id="message"></textarea>
	            	            										</div>
	            	            									</div>
	            	            									<!-- 施工起止时间 -->
	            	            									<div class="form-group">
	            	            										<label class="col-xs-2 control-label no-padding-right" for="time">施工时间</label>
	            	            										<div class="col-xs-10">
	            	            											<div class="col-xs-4 no-padding" style="display: inline-block;vertical-align: middle;">
											            	                    <div class="input-group">
																					<input class="form-control date-picker" id="startTime" name="startTime" type="text" data-date-format="yyyy-mm-dd" placeholder="起始时间">
											           								<span class="input-group-addon" style="width:20px;">
												         								<i class="fa fa-calendar bigger-110"></i>
													   								</span>
												  								</div>
	  																		</div>
	  																		<label class="col-xs-1 control-label no-padding-right">至</label>
	  																		<div class="col-xs-4 no-padding" style="display: inline-block;vertical-align: middle;">
											      								<div class="input-group">
																					<input class="form-control date-picker" id="endTime" name="endTime" type="text" data-date-format="yyyy-mm-dd" placeholder="终止时间">
											           								<span class="input-group-addon" style="width:20px">
												         								<i class="fa fa-calendar bigger-110"></i>
													   								</span>
												  								</div>
											            	                </div>
	            	            										</div>
	            	            									</div>
	            	            									<!-- 施工人数 -->
	            	            									<div class="form-group">
	            	            										<label class="col-xs-2 control-label no-padding-right">施工人数</label>
	            	            										<div class="col-xs-10">
	            	            											<input type="text" placeholder="请输入施工人数" class="col-xs-10" name="PNum">
	            	            										</div>
	            	            									</div>
	            	            									<!-- 施工范围 -->
	            	            									<div class="form-group">
	            	            										<label class="col-xs-2 control-label no-padding-right">施工范围</label>
	            	            										<div class="col-xs-10">
	            	            											<textarea class="col-xs-10" placeholder="文字描述" rows="6" name="mArea" id="mArea"></textarea>
	            	            										</div>
	            	            									</div>
	            	            								</div>
	            	            								<!-- left part ends here -->
            	            									
            	            									<!-- right part starts here -->
            	            									<div class="col-sm-6 col-xs-12">
            	            										<!-- 负责人和电话 -->
            	            										<div class="form-group">
            	            											<label class="col-sm-2 col-xs-2 control-label no-padding-right" for="Pcharge">现场负责人</label>
            	            											<div class="col-sm-3 col-xs-4">
            	            												<input type="text" name="Pcharge" id="Pcharge">
            	            											</div>
            	            											<label class="col-sm-2 col-xs-1 control-label no-padding-right" for="PhoneCall">电话</label>
            	            											<div class="col-sm-3 col-xs-4">
            	            												<input type="text" name="PhoneCall" id="PhoneCall" style="width:150px">
            	            											</div>
            	            										</div>
            	            										<!-- 入廊施工相具详情 -->
            	            										<div class="form-group">
            	            											<label class="col-xs-2 control-label no-padding-right" for="mMashine">入廊施工工具详情</label>
            	            											<div class="col-xs-10">
            	            												<textarea class="col-xs-10" placeholder="文字描述" rows="6" name="mMashine" id="mMashine"></textarea>
            	            											</div>
            	            										</div>
            	            										<!-- 管线类型与排布 -->
            	            										<div class="form-group">
            	            											<div class="col-xs-12">
            	            												<label class="col-xs-2 control-label no-padding-right">管线类型与排布：</label>
            	            											</div>
            	            											<div class="col-xs-6">
										            	            		<label class="col-xs-4 control-label no-padding-right">类型：</label>
										            	            		<div class="col-sm-3 col-xs-4">
            	            												    <input type="text" name="pt_id" id="pt_id" style="width:150px" readonly= "true">
            	            											    </div>
										                                </div>
										                                <div class="col-xs-6">
											                                <label class="col-xs-4 control-label no-padding-right">层数：</label>
											                                <div class="col-sm-3 col-xs-4">
											                                <select id="Arrangement" name="Arrangement" data-placeholder="请选择" class="chosen-select" style="width:150px;height:25px;" tabindex="2">
											                                    <option value="">请选择</option>
											                                </select>
											                                </div>
											                            </div>
            	            										</div>
            	            										<!-- 预留孔位置 -->
            	            										<div class="form-group">
            	            											<div class="col-xs-12">
            	            												<label class="col-xs-2 control-label no-padding-right">预留孔位置：</label>
            	            											</div>
            	            											<div class="col-xs-6">
            	            												<label class="col-xs-4 control-label no-padding-right">引入端：</label>
            	            											</div>
            	            											<div class="col-xs-6">
            	            												<label class="col-xs-4 control-label no-padding-right">引出端：</label>
            	            											</div>
            	            											<div class="col-xs-6">
									            	                		<label class="col-xs-4 control-label no-padding-right">引入段：</label>
									            	                		<div class="col-sm-3 col-xs-4">
            	            												    <input type="text" name="sws_id" id="sws_id" style="width:150px" readonly= "true">
            	            											    </div>	
									            	                	</div>
									            	                	<div class="col-xs-6">
									            	                		<label class="col-xs-4 control-label no-padding-right">引出段：</label>
									            	                		<div class="col-sm-3 col-xs-4">
            	            												    <input type="text" name="ews_id" id="ews_id" style="width:150px" readonly= "true">
            	            											    </div>
            	                										</div>
            	                										<div class="col-xs-6">
									            	                		<label class="col-xs-4 control-label no-padding-right">桩号：</label>
									            	                		<div class="col-sm-3 col-xs-4">
									            	                		<select id="sPile" name="sPile" data-placeholder="请选择" class="chosen-select" style="width:150px;height:25px" tabindex="2">
									                                    		<option value="">请选择</option>          
									                                		</select>
									                                		</div>									                                         		
										         	                	</div>									            	                	  
									            	                	<div class="col-xs-6">
									            	                		<label class="col-xs-4 control-label no-padding-right">桩号：</label>
									            	                		<div class="col-sm-3 col-xs-4">
									            	                		<select id="ePile" name="ePile" data-placeholder="请选择" class="chosen-select" style="width:150px;height:25px" tabindex="2">
									                                    		<option value="">请选择</option>								                                    
									                                		</select>
									                                		</div>									            	                		
									            	                	</div>
									            	                	<div class="col-xs-6">
									            	                		<label class="col-xs-4 control-label no-padding-right">孔位：</label>
									            	                		<div class="col-sm-3 col-xs-4">
									            	                		<select id="sHole" name="sHole" data-placeholder="请选择" class="chosen-select" style="width:150px;height:25px" tabindex="2">
									                                    		<option value="">请选择</option>          
									                                		</select>
									                                		</div>									                                											            	                		
									            	                	</div>								            	                	  
									            	                	<div class="col-xs-6">
									            	                		<label class="col-xs-4 control-label no-padding-right">孔位：</label>
									            	                		<div class="col-sm-3 col-xs-4">
									            	                		<select id="eHole" name="eHole" data-placeholder="请选择" class="chosen-select" style="width:150px;height:25px" tabindex="2">
									                                    		<option value="">请选择</option>									                                    
									                                		</select>
									                                		</div>								            	                		
									            	                	</div>
            	            										</div>
            	            									</div>
            	            									<!-- right part ends here-->            
            	        									</form>
            	    									</div>  
            	    								</div>
          	    									<!-- /section:plugins/printThis ends here --> 
          	    									<div class="col-xs-12">
														<button class="btn btn-info pull-right" type="button" onclick="infoUpdate();" style="margin-right:10px;">
														<i class="ace-icon fa fa-check bigger-110"></i>
														提交
														</button>
														<button class="btn btn-info pull-right" type="button" onclick="pr1()" style="margin-right:10px;">
														<i class="ace-icon fa fa-check bigger-110"></i>
														打印
														</button>
													</div>	        	    									
												</div>
										
																							
										</div>

										<%-- <div class="step-pane" data-step="2">
											<!-- /section:plugins/printThis starts here -->
											<div class="row">
												<div class="col-xs-12">
													<!--/section:plugins/printThis starts here  -->
													<div id="print2">
														<h3 class="lighter block green center" style="font: 24px/1.5 'Microsoft YaHei';">综合管廊入廊管线施工方案验证</h3>
													    <div class="col-sm-6 col-xs-12">												 												
															<table class="girdtable col-xs-12" border="1" style="word-break:break-all; word-wrap:break-all;width:100%;">
												               
												               <tr>
												                 <td colspan="2" style="width:5%">总平面</td>
												                 <td class="center"><img src="${contextPath}/resources/imgPipeLine/glgk.png" style="max-width:100%;height:150px;"></td>
												               </tr>
												               <tr>
												                 <td rowspan="2" style="width:5%">管线布置</td>
												                 <td style="width:5%">横剖面</td>
												                 <td class="center"><img src="${contextPath}/resources/imgPipeLine/hpm.jpg" style="max-width:100%;height:150px;"></td>
												               </tr>
												               <tr>
												                 <td style="width:5%">纵剖面</td>
												                 <td class="center"><img src="${contextPath}/resources/imgPipeLine/zpm.jpg" style="max-width:100%;height:150px;"></td>
												               </tr>
												               
												        	</table>
												        </div>
												        <div class="col-sm-6 col-xs-12">
												        	<table class="gridtable" style="word-break:break-all; word-wrap:break-all;width:100%;" border="1">
												               <tr>
												               	 <td style="width:10%">引入端</td>
												                 <td rowspan="2" class="center"><img src="${contextPath}/resources/imgPipeLine/yrd.jpg" style="max-width:100%;height:150px;"></td>
												               </tr>
												               <tr>
												                 <td style="width:10%;" id="yrd"></td>
												               </tr>
												               <tr>
												                 <td style="width:10%">引出端</td>
												                 <td rowspan="2" class="center"><img src="${contextPath}/resources/imgPipeLine/ycd.jpg" style="max-width:100%;height:150px;"></td>
												               </tr>
												               <tr>
												                 <td width="10%;" id="ycd"></td>
												               </tr>
												        	</table>
												        	
												        	<form id="formID2" enctype="multipart/form-data">
												        	<textarea id="message" name="message" class="maskArea" placeholder="必要的文字描述"  style="width:100%;height:150px;"></textarea>
												        	</form>
												        </div>
	        										</div>
	        										<!--/section:plugins/printThis ends here  -->
	        										<div class="col-xs-12">
			        									<button class="btn btn-info pull-right" type="button" onclick="pr2()" style="margin-top:20px;">
															<i class="ace-icon fa fa-check bigger-110"></i>
															打印
														</button>
													</div>
	        									</div>
        									</div>        
										</div> --%>
										
										<%-- <div class="step-pane" data-step="3">
											<div class="row">
												<div class="col-xs-12">
												
													
													<div class="col-lg-7 col-lg-offset-1"  style="font-size:16px;">
														<div class="center"><h3 class="lighter block green" style="font: 24px/1.5 'Microsoft YaHei';">注意事项</h3></div>
															
															<p>1.本表为各单位的意见签署表，需提供纸质和电子档;</p>
															<p>2.本表与《入廊管线登记表》和《验证方案》组成入廊管线档案，单独提交无效;</p>
															<p>3.施工单位负责人需携带本表复印件方可入廊施工;</p>
															<p>4.表格填下参照下表:</p>
															<img class="img-responsive" src="${contextPath}/resources/img/rlshb.png">															
															<br />
															
														

													</div>
													<div class="col-lg-4" style="font-size:16px;">
														<p class="col-xs-12">综合管廊入廊施工审核表模板下载：<button class="btn btn-primary" onclick="examineDownload()"><i class="ace-icon fa fa-download align-top bigger-125"></i>下载</button></p>
														<form class="form-horizontal col-xs-6" id="formID" action="" method="post" enctype="multipart/form-data">
																<p class="col-xs-12">入廊审核表上传：<p>

																<div class="col-xs-12">
																	<div class="clearfix">
																		<div class="col-xs-12 no-padding-left no-padding-right"><input type="file" name="fileField"  id="fileField" /></div>
																	</div>
																</div>
														</form>
													</div>
												</div>
											</div>
										</div> --%>
										<!-- <div class="step-pane" data-step="4">
											<div class="center">
														<h3 class="lighter block green" style="font: 24px/1.5 'Microsoft YaHei';">综合管廊入廊档案上传</h3>
													</div>

														<form class="form-horizontal" id="validation-form" method="post" enctype="multipart/form-data">
															<div class="form-group">
																<label class="control-label col-xs-12 col-sm-3 no-padding-right" for="CompName">单位名称：</label>

																<div class="col-xs-12 col-sm-9">
																	<div class="clearfix">
																		<input type="CompName" name="CompName" id="CompName" class="col-xs-12 col-sm-6" />
																	</div>
																</div>
															</div>

															<div class="space-2"></div>

															<div class="form-group">
																<label class="control-label col-xs-12 col-sm-3 no-padding-right" for="CallNo">联系方式：</label>

																<div class="col-xs-12 col-sm-9">
																	<div class="clearfix">
																		<input type="CallNo" name="CallNo" id="CallNo" class="col-xs-12 col-sm-6" />
																	</div>
																</div>
															</div>

															<div class="space-2"></div>

															<div class="form-group">
																<label class="control-label col-xs-12 col-sm-3 no-padding-right" for="fileField">入廊审核表上传：</label>

																<div class="col-xs-12 col-sm-9">
																	<div class="clearfix">
																		#section:custom/file-input
																		<div class="col-xs-12 col-sm-6 no-padding-left no-padding-right"><input type="file" name="fileField"  id="fileField" /></div>
																	</div>
																</div>
															</div>




															<div class="space-2"></div>

															
														</form>
										</div> -->
									</div>
									<!-- /section:plugins/fuelux.wizard.container -->
								</div>
								<hr/>
							<!-- 	<div class="wizard-actions">
									#section:plugins/fuelux.wizard.buttons
									<button class="btn btn-prev">
										<i class="ace-icon fa fa-arrow-left"></i>
										后退
									</button>

									<button class="btn btn-success btn-next" data-last="完成">
										下一步
										<i class="ace-icon fa fa-arrow-right icon-on-right"></i>
									</button>

									/section:plugins/fuelux.wizard.buttons
								</div> -->
							</div>
						</div>
            		</div>
            	</div>
            </div>
<!--          	</div>
    </div>
    </div> -->
<script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='${contextPath}/resources/assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
</script>
<script src="${contextPath}/resources/assets/js/bootstrap.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.scroller.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.colorpicker.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.fileinput.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.typeahead.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wysiwyg.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.spinner.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.treeview.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wizard.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.aside.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.ajax-content.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.touch-drag.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar-scroll-1.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.submenu-hover.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-box.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-rtl.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-skin.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-on-reload.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.searchbox-autocomplete.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.hover-dropdown.js"></script>
    <script src="${contextPath}/resources/assets/js/date-time/bootstrap-datepicker.js"></script>
    
    
    <script src="${contextPath}/resources/assets/js/fuelux/fuelux.wizard.js"></script>
	<script src="${contextPath}/resources/assets/js/jquery.validate.js"></script>
	<script src="${contextPath}/resources/assets/js/additional-methods.js"></script>
	<script src="${contextPath}/resources/assets/js/bootbox.js"></script>
	<script src="${contextPath}/resources/assets/js/jquery.maskedinput.js"></script>
	<script src="${contextPath}/resources/js/printThis.js"></script>
	
	<script type="text/javascript">
//        print plugin
	function pr1(){
	$("#print1").printThis({
        debug: false,               
        importCSS: true,            
        importStyle: false,         
        printContainer: true,       
 //       loadCSS: "path/to/my.css",  
        pageTitle: "",              
        removeInline: false,        
        printDelay: 333,            
        header: null,               
        formValues: true            
    });
	}
	function pr2(){
		$("#print2").printThis({
	        debug: false,               
	        importCSS: true,            
	        importStyle: false,         
	        printContainer: true,       
	 //       loadCSS: "path/to/my.css",  
	        pageTitle: "",              
	        removeInline: false,        
	        printDelay: 333,            
	        header: null,               
	        formValues: true            
	    });
		}
	</script>
	
	  <script type="text/javascript">
			jQuery(function($) {
    //datepicker plugin
				//link
				$('.date-picker').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				//show datepicker when clicking on the icon
				.next().on(ace.click_event, function(){
					$(this).prev().focus();
				});
                
                });
		</script>
		<script type="text/javascript">
			jQuery(function($) {
				
				$('#fuelux-wizard-container')
				.ace_wizard({
					//step: 2 //optional argument. wizard will jump to step "2" at first
					//buttons: '.wizard-actions:eq(0)'
				})
				.on('actionclicked.fu.wizard' , function(e, info){
                    if(info.step == 1){
                       if(!$('#formID1').valid()){
                            e.preventDefault();
                        }else{
	                          infoUpdate();
	                          document.getElementById("yrd").innerHTML="引入段："+sIntroduction+"  桩号："+sPile+"  孔位："+sHole;
	                		  document.getElementById("ycd").innerHTML="引入段："+eIntroduction+"  桩号："+ePile+"  孔位："+eHole;
                        }
                    }
                    if(info.step == 2){
                    	operationOk();
                    }
				})
				.on('finished.fu.wizard', function(e) {
					examineUpload();
						/**
						var bname = document.getElementById("bname").value;
						var uname = document.getElementById("uname").value;
						var recordFile = document.getElementById("id-input-file-1").files[0];
						 $.ajax({
								url : "addRecordAudit?bname="+bname+"&uname="+uname+"&recordFile="+recordFile,
								cache : false,
								success : function(result) {
					bootbox.dialog({
						message: "谢谢! 您的信息已成功提交!", 
						buttons: {
							"success" : {
								"label" : "OK",
								"className" : "btn-sm btn-primary"
							}
						}
					});
								}
						 });
						 **/
				//	}
				}).on('stepclick.fu.wizard', function(e){
					//e.preventDefault();//this will prevent clicking and selecting steps
				});
				
				
				
				$('#formID1').validate({
					errorElement: 'div',
					errorClass: 'help-block',
					focusInvalid: false,
					ignore: "",
					rules: {
						Comp: {
							required: true
						},
						message:{
							required:true
						},
						startTime:{
							required: true
						},
						endTime:{
							required: true
						},
						PNum:{
							required:true
						},
						mArea:{
							required:true
						},
						mMashine:{
							required:true
						},
						Pcharge:{
							required:true
						},
						PhoneCall:{
							required:true
						},
						Arrangement:{
							required:true
						},
						sPile: {
							required: true
						},
						ePile:{
							required:true
						},
						sHole:{
							required:true
						},
						eHole:{
							required:true
						},
						sIntroduction:{
							required:true
						},
						eIntroduction:{
							required:true
						}
					},
			
					messages: {
						Comp: "请输入至少一个字符",
						startTime: "请选择开始时间",
						endTime:"请选择结束时间",
						sPile: "请选择桩位",
						ePile:"请选择桩位",
						sHole:"请选择孔位",
						eHole:"请选择孔位",
						Arrangement:"请输入施工内容",
						PNum:"请输入施工人员数量",
						mArea:"请输入施工区域",
						mMashine:"请输入施工相具详情",
						Pcharge:"请输入现场负责人",
						PhoneCall:"请输入负责人联系电话",
						sIntroduction:"请输入引入段位置",
						eIntroduction:"请输入引出段位置",
					},
			
			
					highlight: function (e) {
						$(e).closest('.form-group').removeClass('has-info').addClass('has-error');
					},
			
					success: function (e) {
						$(e).closest('.form-group').removeClass('has-error');//.addClass('has-info');
						$(e).remove();
					},
			
					errorPlacement: function (error, element) {
						if(element.is('input[type=checkbox]') || element.is('input[type=radio]')) {
							var controls = element.closest('div[class*="col-"]');
							if(controls.find(':checkbox,:radio').length > 1) controls.append(error);
							else error.insertAfter(element.nextAll('.lbl:eq(0)').eq(0));
						}
						else if(element.is('.select2')) {
							error.insertAfter(element.siblings('[class*="select2-container"]:eq(0)'));
						}
						else if(element.is('.chosen-select')) {
							error.insertAfter(element.siblings('[class*="chosen-container"]:eq(0)'));
						}
						else error.insertAfter(element.parent());
					},
			
//					submitHandler: function (form) {
//					   form.submit();
//					},
					invalidHandler: function (form) {
					}
				});
			
			
			$('#fileField').ace_file_input({
					no_file:'No File ...',
					btn_choose:'选择',
					btn_change:'更改',
					droppable:false,
					onchange:null,
					thumbnail:false //| true | large
					//whitelist:'gif|png|jpg|jpeg'
					//blacklist:'exe|php'
					//onchange:''
					//
				});
			
			})
			function recordAuditDownload(){
				window.open('recordAuditDownload');
			}
		</script>
</body>
</html>
